<template>
	<view class="approve">
		<scroll-view @scrolltolower="loadMoreData" scroll-y="true" enable-back-to-top="true" lower-threshold="112" class="scrollbox">
			<view @click="contentBtnok" class="content_scroll" v-for="(item, index) in data" :key="index">
				<view class="content_top">
					<view>
						<image style="width: 50rpx; height: 50rpx" src="@/static/mappages/patrol/xc.png" mode=""></image>
						<text style="margin-left: 20rpx">{{ item.name }}</text>
					</view>
					<view>
						<text :style="{ color: item.type == '交办中' ? '#90e482' : '#78b0fb' }" style="margin-right: 20rpx">{{ item.type }}</text>
					</view>
				</view>
				<view class="content_center">
					<view class="content_centerFlex">
						<view class="formgroup">{{ item.text }} :</view>
						<view class="groupholder">{{ item.text }}</view>
					</view>
					<view class="content_centerFlex">
						<view class="formgroup">{{ item.text }} :</view>
						<view class="groupholder">{{ item.text }}</view>
					</view>
					<view class="content_centerFlex">
						<view class="formgroup">{{ item.text }} :</view>
						<view class="groupholder">{{ item.text }}</view>
					</view>
					<view class="content_centerFlex">
						<view class="formgroup">{{ item.text }} :</view>
						<view class="groupholder">{{ item.text }}</view>
					</view>
					<view class="content_centerFlex">
						<view class="formgroup">{{ item.text }} :</view>
						<view class="groupholder">{{ item.text }}</view>
					</view>
				</view>
				<!-- 	<view class="content_button">
					<u-album :urls="item.img"></u-album>
				</view> -->
			</view>
		</scroll-view>
		<!-- <uni-fab horizontal="right" vertical="bottom" ref="fab" @fabClick="fabClick" /> -->
	</view>
</template>

<script>
export default {
	data() {
		return {
			data: [
				{
					name: '江紫冰',
					date: '2023-12-03 15:35',
					type: '交办中',
					text: '某河堤坝',
					value: '文章对地勘单位效益承包中存在的问题进行了分析，并针对承包思路、办法、形式和承包环节等方面提出了整改意见',
					img: ['https://cdn.uviewui.com/uview/album/1.jpg', 'https://cdn.uviewui.com/uview/album/2.jpg', 'https://cdn.uviewui.com/uview/album/3.jpg']
				},
				{
					name: '江紫冰',
					date: '2023-12-03 15:35',
					type: '交办中',
					text: '某河堤坝',
					value: '文章对地勘单位效益承包中存在的问题进行了分析，并针对承包思路、办法、形式和承包环节等方面提出了整改意见',
					img: ['https://cdn.uviewui.com/uview/album/1.jpg', 'https://cdn.uviewui.com/uview/album/2.jpg', 'https://cdn.uviewui.com/uview/album/3.jpg']
				},
				{
					name: '江紫冰',
					date: '2023-12-03 15:35',
					type: '交办中',
					text: '某河堤坝',
					value: '文章对地勘单位效益承包中存在的问题进行了分析，并针对承包思路、办法、形式和承包环节等方面提出了整改意见',
					img: ['https://cdn.uviewui.com/uview/album/1.jpg', 'https://cdn.uviewui.com/uview/album/2.jpg', 'https://cdn.uviewui.com/uview/album/3.jpg']
				}
			]
		};
	},
	methods: {
		// 触底刷新事件
		loadMoreData() {
			console.log('触底更新');
		},
		// fabClick() {
		// 	this.$tab.navigateTo('/mappages/equipment/systems/components/applyFor/addOrder/addOrder');
		// },
		contentBtnok(item) {
			console.log(item);
			this.$tab.navigateTo('/mappages/equipment/systems/components/applyFor/operator/operator');
		}
	},
	onLoad() {
		setTimeout(() => {
			console.log('start pulldown');
		}, 1000);
		uni.startPullDownRefresh();
	},
	onPullDownRefresh() {
		console.log('下拉刷新');
		setTimeout(() => {
			uni.stopPullDownRefresh();
		}, 1000);
	}
};
</script>

<style scoped lang="scss">
/deep/ .uni-fab__circle--rightBottom[data-v-7d5a6316] {
	bottom: calc(132rpx + var(--window-bottom));
}

.approve {
	width: 100%;
	height: calc(100vh - 333rpx);
}

.scrollbox {
	height: 100%;
}

.content {
	padding: 16px;
}

.content_scroll {
	margin-top: 5rpx;
	width: 100%;
	background-color: #fff;
	padding: 22rpx;
}

.content_top {
	display: flex;
	justify-content: space-between;
}

.content_top view {
	display: flex;
	align-items: center;
}

.content_center {
	display: flex;
	flex-direction: column;
	color: #000;
}
.content_centerFlex {
	display: flex;
	flex-direction: row;
	align-items: center;
	color: #666666;
	height: 50rpx;
}
.formgroup {
}
.groupholder {
	margin-left: 22rpx;
}
.content_button {
	margin: 20rpx 0;
}
</style>
